<template>
  <view class="no-data-container">
    <image class="no-data-image" src="/static/nodata.png" mode="aspectFit"></image>
    <text class="no-data-text">{{ message || '暂无数据' }}</text>
  </view>
</template>

<script setup>
defineProps({
  message: {
    type: String,
    default: ''
  }
});
</script>

<style lang="scss">
.no-data-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40rpx;
  
  .no-data-image {
    width: 240rpx;
    height: 240rpx;
    margin-bottom: 20rpx;
  }
  
  .no-data-text {
    font-size: 28rpx;
    color: #999;
    text-align: center;
  }
}
</style>

